<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/moren.css">
    <link rel="stylesheet" href="./css/wode.css">
    <link rel="stylesheet" href="./css/Swiper.css">
    <script src="./js/flexible.js"></script>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/Swiper.js"></script>
    <title>我的，也是你的</title>
</head>

<body>
    <div class="wode">
        <!-- 头部 -->
        <div class="header">
            <div class="tubiao">
                <a href="./denglv.html" class="a1">
                    <img src="./images/web_我的/set@2x.png" alt="">
                </a>
                <a href="" class="a1">
                    <img src="./images/web_我的/message@2x.png" alt="">
                </a>
            </div>
            <div class="geren">
                <img src="./images/web_我的/椭圆 1@2x.png" alt="">
                <div class="geren-p">
                    <p>好奇害死阿里喵</p>
                    <p>购物狂欢，扎进购物的世界！</p>
                </div>
            </div>
            <div class="bj"></div>

        </div>
        <!-- 会员 -->
        <div class="huiyuan">
            <img src="./images/web_我的/Member-banner@2x.png" alt="">
        </div>
        <!-- 售后服务 -->
        <div class="shou">
            <ul>
                <li>
                    <div class="img">
                        <img src="./images/web_我的/daifukuan@2x.png" alt="">
                    </div>
                    <span>待付款</span>
                </li>
                <li>
                    <div class="img">
                        <img src="./images/web_我的/daifahuo@2x.png" alt="">
                    </div>
                    <span>待发货</span>
                </li>
                <li>
                    <div class="img">
                        <img src="./images/web_我的/daishouhuo@2x.png" alt="">
                    </div>
                    <span>待收货</span>
                </li>
                <li>
                    <div class="img">
                        <img src="./images/web_我的/pinjia@2x.png" alt="">
                    </div>
                    <span>待评价</span>
                </li>
                <li>
                    <div class="img">
                        <img src="./images/web_我的/shouhou@2x.png" alt="">
                    </div>
                    <span>退款/售后</span>
                </li>
            </ul>
        </div>
        <!-- 功能推荐 -->
        <div class="remen">
            <div class="swiper mySwiper remen">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <ul>
                            <li>
                                <img src="./images/web_我的/huiyuan@2x.png" alt="">
                                <span>会员中心</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/sengqian@2x.png" alt="">
                                <span>省钱卡</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/jifen@2x.png" alt="">
                                <span>积分兑换</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/hongbao@2x.png" alt="">
                                <span>红包签到</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/lipin@2x.png" alt="">
                                <span>礼包中心</span>
                            </li>
                        </ul>
                    </div>
                    <div class="swiper-slide">
                        <ul>
                            <li>
                                <img src="./images/web_我的/huiyuan@2x.png" alt="">
                                <span>会员中心</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/sengqian@2x.png" alt="">
                                <span>省钱卡</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/jifen@2x.png" alt="">
                                <span>积分兑换</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/hongbao@2x.png" alt="">
                                <span>红包签到</span>
                            </li>
                            <li>
                                <img src="./images/web_我的/lipin@2x.png" alt="">
                                <span>礼包中心</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="swiper-pagination tiao"></div>
            </div>
        </div>
        <!-- 热门推荐 -->
        <div class="tuijian">
            <span>热门推荐</span>
            <img src="./images/web_我的/top-up-banner@2x.png" alt="">
        </div>
        <!-- 猜你喜欢 -->
        <div class="xihuan">
            <img src="./images/web_我的/like@2x.png" alt="">
            <span>猜你喜欢</span>
        </div>
        <div class="nav-like">
            <ul>
                <li>
                    <a href="">精选</a>
                </li>
                <li>
                    <a href="">手机</a>
                </li>
                <li>
                    <a href="">家用电器</a>
                </li>
                <li>
                    <a href="">酒水</a>
                </li>
                <li>
                    <a href="">厨卫</a>
                </li>
                <li>
                    <a href="">服务</a>
                </li>
                <li>
                    <a href="">玩具</a>
                </li>
                <li>
                    <a href="">机甲</a>
                </li>
                <li>
                    <a href="">武装</a>
                </li>
                <li>
                    <a href="">生活刚需</a>
                </li>
            </ul>
        </div>

        <!--商品 手机 -->
        <div class="shangpin">
            <ul>
                <li class="li-left">
                    <a href="./xiangqing.html" class="li1">
                        <img class="img0" src="./images/web_首页/ipho2.png" alt="">
                        <div class="p1">Apple/苹果 iPhone 12 12mini正品12pro max</div>
                        <siv class="p2">
                            <span>￥5678</span>
                            <span>2319+评价</span>
                        </siv>
                    </a>
                    <a href="./xiangqing.html" class="li1">
                        <img class="img0" src="./images/web_首页/ipho2.png" alt="">
                        <div class="p1">Apple/苹果 iPhone 12 12mini正品12pro max</div>
                        <siv class="p2">
                            <span>￥5678</span>
                            <span>2319+评价</span>
                        </siv>
                    </a>
                    <a href="./xiangqing.html" class="li1">
                        <img class="img0" src="./images/web_首页/ipho2.png" alt="">
                        <div class="p1">Apple/苹果 iPhone 12 12mini正品12pro max</div>
                        <siv class="p2">
                            <span>￥5678</span>
                            <span>2319+评价</span>
                        </siv>
                    </a>
                    <a href="./xiangqing.html" class="li1">
                        <img class="img0" src="./images/web_首页/ipho2.png" alt="">
                        <div class="p1">Apple/苹果 iPhone 12 12mini正品12pro max</div>
                        <siv class="p2">
                            <span>￥5678</span>
                            <span>2319+评价</span>
                        </siv>
                    </a>
                    <a href="./xiangqing.html" class="li1">
                        <img class="img0" src="./images/web_首页/ipho2.png" alt="">
                        <div class="p1">Apple/苹果 iPhone 12 12mini正品12pro max</div>
                        <siv class="p2">
                            <span>￥5678</span>
                            <span>2319+评价</span>
                        </siv>
                    </a>
                </li>
                <li class="li-right">
                    <a href="./xiangqing.html" class="li2">
                        <img class="img0" src="./images/web_首页/iphone3.png" alt="">
                        <div class="p1">
                            <span>自营</span>
                            <span>Apple/苹果iPhone 12 12mini正品12pro</span>
                        </div>
                        <div class="p2">
                            <span>￥67</span>
                            <span>289+评价</span>
                        </div>
                        <div class="img1">
                            <img src="./images/web_首页/xiaoliang(1)@2x.png" alt="">
                        </div>
                    </a>
                    <a href="./xiangqing.html" class="li2">
                        <img class="img0" src="./images/web_首页/iphone3.png" alt="">
                        <div class="p1">
                            <span>自营</span>
                            <span>Apple/苹果iPhone 12 12mini正品12pro</span>
                        </div>
                        <div class="p2">
                            <span>￥67</span>
                            <span>289+评价</span>
                        </div>
                        <div class="img1">
                            <img src="./images/web_首页/xiaoliang(1)@2x.png" alt="">
                        </div>
                    </a>
                    <a href="./xiangqing.html" class="li2">
                        <img class="img0" src="./images/web_首页/iphone3.png" alt="">
                        <div class="p1">
                            <span>自营</span>
                            <span>Apple/苹果iPhone 12 12mini正品12pro</span>
                        </div>
                        <div class="p2">
                            <span>￥67</span>
                            <span>289+评价</span>
                        </div>
                        <div class="img1">
                            <img src="./images/web_首页/xiaoliang(1)@2x.png" alt="">
                        </div>
                    </a>
                    <a href="./xiangqing.html" class="li2">
                        <img class="img0" src="./images/web_首页/iphone3.png" alt="">
                        <div class="p1">
                            <span>自营</span>
                            <span>Apple/苹果iPhone 12 12mini正品12pro</span>
                        </div>
                        <div class="p2">
                            <span>￥67</span>
                            <span>289+评价</span>
                        </div>
                        <div class="img1">
                            <img src="./images/web_首页/xiaoliang(1)@2x.png" alt="">
                        </div>
                    </a>
                    <a href="./xiangqing.html" class="li2">
                        <img class="img0" src="./images/web_首页/iphone3.png" alt="">
                        <div class="p1">
                            <span>自营</span>
                            <span>Apple/苹果iPhone 12 12mini正品12pro</span>
                        </div>
                        <div class="p2">
                            <span>￥67</span>
                            <span>289+评价</span>
                        </div>
                        <div class="img1">
                            <img src="./images/web_首页/xiaoliang(1)@2x.png" alt="">
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 底部nav -->
        <div class="di-nav">
            <ul>
                <li>
                    <img src="./images/web_我的/home-1@2x.png" alt="">
                    <a href="./index.html">首页</a>
                </li>
                <li>
                    <img src="./images/web_我的/classify-1.png" alt="">
                    <a href="./fenlei.html">分类</a>
                </li>
                <li>
                    <img src="./images/web_我的/shop-1@2x.png" alt="">
                    <a href="./gouwuche.html">购物车</a>
                </li>
                <li>
                    <img src="./images/web_我的/mine-2.png" alt="">
                    <a href="./wode.html">我的</a>
                </li>
            </ul>
        </div>
    </div>
    <script>
        var swiper = new Swiper(".mySwiper", {
            pagination: {
                el: ".swiper-pagination",
                type: "progressbar",
            },
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
        });
    </script>
</body>

</html>